/**
 * 通用 class 样式
 */
* {
  box-sizing: border-box;
}
html,
body {
  margin: 0;
  padding: 0;
}
ul {
  margin: 0;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
}
table {
  border-collapse: collapse;
}
.border {
  border: 1px solid red;
}
.text-color {
  color: #fff;
}
.big-size {
  font-size: 4em;
}
.default-size {
  font-size: 1.4em;
}
.small-size {
  font-size: 14px;
}
.w-100vw {
  width: 100vw;
}
.h-100vh {
  width: 100vh;
}
.w-100 {
  width: 100%;
}
.h-100 {
  width: 100%;
}
.dis-inline {
  display: inline-block;
}
.dis-block {
  display: block;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.sticky {
  position: sticky;
}
.y-center {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.x-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.flex {
  /* #ifndef APP-NVUE */
  display: flex;
  /* #endif */
  flex-direction: row;
  align-items: center;
}
/* flex 布局 */
.flex {
  /* #ifndef APP-PLUS-NVUE */
  display: flex;
  /* #endif */
  flex-direction: row;
}
.flex-row {
  flex-direction: row!important;
}
.flex-column {
  flex-direction: column!important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-between {
  justify-content: space-between;
}
.justify-center {
  justify-content: center;
}
.align-center {
  align-items: center;
}
.align-stretch {
  align-items: stretch;
}
.align-start {
  align-items: flex-start;
}
.align-end {
  align-items: flex-end;
}
/* #ifndef APP-PLUS-NVUE */
.content-start {
  align-content: flex-start;
}
.content-end {
  align-content: flex-end;
}
.content-center {
  align-content: center;
}
.content-between {
  align-content: space-between;
}
.content-around {
  align-content: space-around;
}
.content-stretch {
  align-content: stretch;
}
/* #endif */
.overflow-hidden {
  overflow: hidden;
}
.overflow-scroll {
  overflow: scroll;
}
.z-max {
  z-index: 999;
}
.z-second {
  z-index: 9900;
}
.z-third {
  z-index: 9800;
}
.z-min {
  z-index: -1;
}
.no-wrap {
  white-space: nowrap;
}
.over-clip {
  white-space: nowrap;
  text-overflow: clip;
  overflow: hidden;
}
.over-ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bold {
  font-weight: bold;
}
.normal {
  font-weight: normal;
}
.lighter {
  font-weight: lighter;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-underline {
  text-decoration: underline;
}
.txtdec-und {
  text-decoration: underline;
}
.text-underline-dashed {
  border-bottom: 1rpx dashed;
}
.text-line-through {
  text-decoration: line-through;
}
.txtdec-thr {
  text-decoration: line-through;
}
.text-indent {
  text-indent: 2em;
}
